$(function () {
 // 需求1 : 点击退出按钮后退出
 $('#logout').on('click', function () {
  // 弹出提示,确定后页面返回到登录页面
  layer.confirm('确定退出吗?', { icon: 3, title: '提示' }, function (index) {
   //do something
   location.href = '/login.html'
   localStorage.removeItem('token')
   layer.close(index);
  });
 })

 getUserInfo()

})
// 需求2 : 获取用户头像信息
function getUserInfo() {
 axios({
  method: 'GET',
  url: '/my/userinfo',
  headers: {
   Authorization: localStorage.getItem('token')
  }

 }).then(function (res) {
  console.log(res.data)
  // 判断
  if (res.data.status !== 0) {
   return layer.msg(res.data.message)
  }
  // 成功后,渲染头像和信息
  initUserInfo(res.data.data)
 })
}

// 需求3 : 渲染头像和信息
function initUserInfo(user) {
 let uname = user.user_pic || user.username
 // 进行赋值
 $('.welcome').html('欢迎&nbsp;&nbsp;' + uname)
 // 判断
 if (user.user_pic == null) {
  // 图像头像框隐藏,文字头像框显示
  $('.avatar-image').hide()
  $('.avatar-text').show().html(uname[0].toUpperCase())
 } else {
  $('.avatar-image').show().attr('src', user.user_pic)
  $('.avatar-text').hide()
 }

}

